<div id="header">
	<h1><a href="/">XXX Motors</a></h1>	
	<a id="menu-trigger" href="#"><i class="fa fa-bars"></i></a>	
</div>

<div id="user-nav">
    <ul class="btn-group">
        <li class="btn" ><a title="" href="#"><i class="fa fa-user"></i> <span class="text">Profile</span></a></li>
        <li class="btn dropdown" id="menu-messages"><a href="#" data-toggle="dropdown" data-target="#menu-messages" class="dropdown-toggle"><i class="fa fa-envelope"></i> <span class="text">Messages</span> <span class="label label-danger">5</span> <b class="caret"></b></a>
            <ul class="dropdown-menu messages-menu">
                <li class="title"><i class="fa fa-envelope-alt"></i>Messages<a class="title-btn" href="#" title="Write new message"><i class="fa fa-share"></i></a></li>
                <li class="message-item">
                	<a href="#">
                        <img alt="User Icon" src="img/demo/av1.jpg" />
                        <div class="message-content">
                        	<span class="message-time">
                                3 mins ago
                            </span>
                            <span class="message-sender">
                                Nunc Cenenatis
                            </span>
                            <span class="message">
                                Hi, can you meet me at the office tomorrow morning?
                            </span>
                        </div>
                	</a>
                </li>
            </ul>
        </li>
        <!-- <li class="btn"><a title="" href="#"><i class="fa fa-cog"></i> <span class="text">Settings</span></a></li> -->
        <li class="btn"><a title="" href="/logout"><i class="fa fa-share"></i> <span class="text">Logout</span></a></li>
    </ul>
</div>
<!--
<div id="switcher">
    <div id="switcher-inner">
        <h3>Theme Options</h3>
        <h4>Colors</h4>
        <p id="color-style">
            <a data-color="orange" title="Orange" class="button-square orange-switcher" href="#"></a>
            <a data-color="turquoise" title="Turquoise" class="button-square turquoise-switcher" href="#"></a>
            <a data-color="blue" title="Blue" class="button-square blue-switcher" href="#"></a>
            <a data-color="green" title="Green" class="button-square green-switcher" href="#"></a>
            <a data-color="red" title="Red" class="button-square red-switcher" href="#"></a>
            <a data-color="purple" title="Purple" class="button-square purple-switcher" href="#"></a>
            <a href="#" data-color="grey" title="Grey" class="button-square grey-switcher"></a>
        </p>
        
        <h4 class="visible-lg">Layout Type</h4>
        <p id="layout-type">
        	<a data-option="flat" class="button" href="#">Flat</a>
            <a data-option="old" class="button" href="#">Old</a>                    
        </p>
    </div>
    <div id="switcher-button">
        <i class="fa fa-cogs"></i>
    </div>
</div>
-->
<div id="sidebar">
	<div id="search">
		<input type="text" placeholder="Search here..."/><button type="submit" class="tip-right" title="Search"><i class="fa fa-search"></i></button>
	</div>	
	<ul>
		<li class="active"><a href="#"><i class="fa fa-home"></i> <span>Dashboard</span></a></li>
		<li class=""><a href="#item/upload"><i class="fa fa-upload"></i> <span>Upload Excel</span></a></li>
		<li class="submenu">
			<a href="#"><i class="fa fa-flask"></i> <span>XXX Lab</span> <i class="arrow fa fa-chevron-right"></i></a>
			<ul>
				<li><a href="#item/add"><i class="glyphicon glyphicon-plus-sign"></i> Add item</a></li>
			</ul>
		</li>
		<li class="submenu" id="my-items">
			<a href="#"><i class="fa fa-th-list"></i> <span>My Items</span> <i class="arrow fa fa-chevron-right"></i></a>
			<ul>
			</ul>
		</li>
	</ul>

</div>

<div id="content">
	<div id="content-header">
		<h1>Supplier: Profile</h1>
	</div>
	<div id="breadcrumb">
		<a href="#" title="Go to Home" class="tip-bottom"><i class="fa fa-home"></i> Home</a>
		
		<a href="#" class="current">Dashboard</a>
	</div>

				
	<div class="row">
		<div class="col-xs-4">
			<a href="#" class="thumbnail">
				<img data-src="holder.js/100%x180" src="<%= picture ? picture : null %>" alt="...">
			</a>
		</div>
		
		<div class="col-xs-8">
			<table class="table table-striped">
				<tr>
					<td>Name</td>
					<td><%= firstName %>&nbsp;<%= lastName %></td>
				</tr>
				<tr>
					<td>User name</td>
					<td><%= userName %></td>
				</tr>
				<tr>
					<td>Address</td>
					<td><%= address %></td>
				</tr>
				<tr>
					<td>City</td>
					<td><%= city %></td>
				</tr>
				<tr>
					<td>Country</td>
					<td><%= country %></td>
				</tr>
				<tr>
					<td>Phone</td>
					<td><i class="glyphicon glyphicon-earphone"></i> <%= phone %></td>
				</tr>
				
			</table>
		</div>
  	</div>
</div>


</div>
<div class="row">
	<div id="footer" class="col-xs-12">
		2014 &copy; Victor Motors Beta
	</div>
</div>